<template>
    <div>
        <el-menu
        class="el-menu-demo"
        mode="horizontal"
        router
        @select="handleSelect"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b">
            <el-submenu index="/index">
                <template slot="title">频道管理</template>
                <el-menu-item index="/index">已有频道</el-menu-item>
                <el-menu-item index="/create_channel">新建频道</el-menu-item>
            </el-submenu>
            <el-submenu index="/artical_manage">
                <template slot="title">文章管理</template>
                <el-menu-item index="completed_work">已完成审核文章</el-menu-item>
                <el-menu-item index="create_work">新建文章</el-menu-item>
                <el-menu-item index="examining_work">待审核文章</el-menu-item>
            </el-submenu>
            <el-submenu index="/examin_manage">
                <template slot="title">审核管理</template>
                <el-menu-item index="examining_artical">待审核文章列表</el-menu-item>
                <el-menu-item index="examined_artical">已完成审核文章列表</el-menu-item>
                <el-menu-item index="examining_comment">待审核评论列表</el-menu-item>
                <el-menu-item index="examined_comment">已完成审核评论列表</el-menu-item>
            </el-submenu>
            <el-submenu index="/system_manage">
                <template slot="title">系统管理</template>
                <el-menu-item index="personal_center">个人中心</el-menu-item>
                <el-menu-item index="permission_manage">权限管理</el-menu-item>
            </el-submenu> 
            <el-menu-item style="float:right" index="personal_center">{{this.$store.state.userInfo.count}}</el-menu-item>     
        </el-menu>  
        <router-view></router-view>  
    </div>

</template>

<script>
    export default {
        data(){
            return{

            }
        },
        methods: {
            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            },
            handleSelect(){
                
            }
        }
    }
</script>
<style scoped>

</style>
<style scoped>

</style>